{* This is temporary page, you can delete it *}

{block content}
<div id="wrapper">
	<div id="logo"></div>

	<h1>Congratulations!</h1>

	<h2>You have successfully created your Nette Framework project.</h2>

	<hr>

	<h2>What to do next?</h2>

	<ol>
		<li><h3>Edit this page</h3>
		<p>To change the content of this page, modify file <code>/app/templates/Homepage/default.phtml</code> and layout
		<code>/app/templates/@layout.phtml</code>. The corresponding  presenter is found at <code>/app/presenters/HomepagePresenter.php</code>.</p>

		<li><h3>Add new pages</h3>
		<p>Add new actions in <code>HomepagePresenter.php</code> (or create new presenters)
		and create corresponding templates under <code>/app/templates</code>.<p>

		<li><h3>Learn more form the documentation</h3>
		<p>If you are exploring Nette Framework for the very first time, you should start by reading the
		<a href="http://doc.nette.org">documentation</a>, <a href="http://pla.nette.org">tutorials</a> and <a href="http://forum.nette.org">forum</a>.</p>
	</ol>

	<h2>We hope you enjoy this framework! <img src="{$basePath}/images/nette-powered2.gif" width="80" height="15" alt="Nette Framework powered"></h2>

	<ul id="environment">
		<li>PHP {=PHP_VERSION}</li>
		<li n:ifset="$_SERVER['SERVER_SOFTWARE']">Server {$_SERVER['SERVER_SOFTWARE']}</li>
		<li>Nette Framework {=Nette\Framework::VERSION}</li>
	</ul>
</div>

<style>
	html {
		font: 16px/1.5 sans-serif;
		border-top: 8.7em solid #F4EFE5;
	}

	body {
		font: inherit;
		border-top: 5px solid #E4DED5;
		margin: 0;
		background: white;
		color: #333;
	}

	#wrapper {
		max-width: 600px;
		margin: -8.7em auto 0;
	}

	#logo {
		position: absolute;
		width: 150px;
		height: 8.7em;
		top: 0;
		right: 3em;
		background: url('') right center no-repeat;
	}

	h1 {
		font-size: 47px;
		color: #3484D2;
		margin: .4em 0 -.3em;
		text-shadow: 1px 1px 0 white;
	}

	h2, h3 {
		font-size: 18px;
		color: #7A7772;
		margin: .6em 0;
		text-shadow: 1px 1px 0 white;
	}

	h3 {
		font-size: 16px;
		color: #3484D2;
	}

	ol {
		margin: 0;
		padding: 0;
	}

	ol li {
		margin: 1em 0;
	}

	ol li p {
		font-size: 90%;
	}

	code {
		color: #666;
	}

	hr {
		visibility: hidden;
		height: 2em;
	}

	img {
		border: none;
	}

	#environment {
		font-size: 70%;
		margin: 3em 0;
		padding: 1em 0;
		border-top: 1px solid #EEE;
		list-style: none;
		color: gray;
	}
</style>